<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<title>test</title>  
<meta http-equiv="content-type" content="text/html">  
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css" />

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>  
<!-- <script src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script>   -->
 <script src="js/function.js"></script>

 <script src="js/pep.js"></script>
<script src="js/stickyelements-animate.js"></script>
<script src="js/ui.js"></script>
<script src="js/ocanvas-2.8.5.min.js"></script>
 <script src="js/public.js"></script>
</head>  
<body>  

<div id="box"></div>  
<div id="boxx"></div>  
<!-- <div id="boxx"></div>   -->
    <canvas id="myCanvas" style="cursor: inherit;">
        您的浏览器不支持canvas！
    </canvas>
<!-- <button> aaaaaaa</button> -->
    <!--content start-->

</body> 
</html> 


<!-- <html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>jQuery鼠标经过文字链接浮动代码 - A5源码</title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" type="text/css" href="css/default.css">
</head>

<body>
    <div class="Container-parent">
        <div class="Container">
            <div class="Container-content">
                <div class="buttons">
                    <button class="button button--secondary" touch-action="none" style="transform: translateX(0px) translateY(0px); will-change: transform;">Oh, my&nbsp;!</button>
                    <button class="button button--primary" touch-action="none" style="transform: translateX(0px) translateY(0px); will-change: transform;">Sticky buttons</button>
                </div>
                <p>Also, <a class="first" href="#" touch-action="none" style="transform: translateX(0px) translateY(0px); will-change: transform;">sticky links</a>. Created by <a href="http://down.admin5.com" touch-action="none">@iamvdo</a>. Improve code on <a href="http://down.admin5.com" touch-action="none">Github</a></p>
                <p>Use responsibly. Please, don’t annoy your users.</p>
                <p>More UI experiments on <a href="http://down.admin5.com" style="transform: translateX(0px) translateY(0px); will-change: transform;">iamvdo.me/design</a></p>
                <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
                <p>来源：<a href="http://down.admin5.com/" target="_blank" >A5源码</a></p>
            </div>
            <div class="Container-footer options">
                <div class="options-inner">
                    <h2>Control</h2>
                    <p>Play with controls to adjust effect</p>
                    <div class="inputs">
                        <div class="input">
                            <label for="inputX">Horizontal stickiness</label>
                            <input id="inputX" type="range" min="0" max="10" step="0.1" style="transform: translateX(0px) translateY(0px); will-change: transform;">
                        </div>
                        <div class="input">
                            <label for="inputY">Vertical stickiness</label>
                            <input id="inputY" type="range" min="0" max="10" step="0.1" value="6">
                        </div>
                        <div class="input">
                            <label for="inputDuration">Duration</label>
                            <input id="inputDuration" type="range" min="0" max="2000" step="50" value="700">
                        </div>
                    </div>
                </div>
            </div>
            <script src="js/pep.js"></script>
            <script src="js/stickyelements-animate.js"></script>
            <script src="js/ui.js"></script>
        </div>
    </div>

    <div id="window-resizer-tooltip">
        <a href="#" title="Edit settings"></a><span class="tooltipTitle">Window size: </span><span class="tooltipWidth" id="winWidth"></span> x <span class="tooltipHeight" id="winHeight"></span>
        <br><span class="tooltipTitle">Viewport size: </span><span class="tooltipWidth" id="vpWidth"></span> x <span class="tooltipHeight" id="vpHeight"></span></div>
</body>

</html> -->

